body {
    background-color: #eeeeee;
}
p {
    color: #979898;
}
html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
    border: none;
}
/*总体*/
.page-container {
    position:absolute;
    display: table;
    width: 100%;
    top:100px;
    height: calc(100% - 100px);
    vertical-align: top;
    border-collapse: collapse;
    border-spacing: 0px;
    table-layout: fixed;
}
.boxed-container .page-container {
    max-width: 1140px;
    margin: 20px auto;
}
@media screen and (max-width: 768px) {
    .boxed-container .page-container {
        margin: 0;
    }
}
.page-container.container {
    max-width: 1140px;
    table-layout: auto;
}
.page-container .main-content {
    display: table-cell;
    position: relative;
    z-index: 1;
    padding: 30px;
    padding-bottom: 0;
    vertical-align: top;
}
.boxed-container .page-container .main-content {
    background-color: #eeeeee;
}
.page-container .main-content:hover {
    z-index: 15;
}
.page-container .main-content .page-title {
    background: #f8f8f8;
    margin: -30px;
    margin-bottom: 30px;
    padding: 20px 0;
    -webkit-box-shadow: 0 1px 0 rgba(0,1,1,.08), inset 0 1px 0 #ededed;
    -moz-box-shadow: 0 1px 0 rgba(0,1,1,.08), inset 0 1px 0 #ededed;
    box-shadow: 0 1px 0 rgba(0,1,1,.08), inset 0 1px 0 #ededed;
}
@media screen and (max-width: 768px) {
    .page-container .main-content .page-title {
        padding: 15px 0;
    }
}
.page-container .main-content .page-title.full-width .title-env {
    width: 100%;
    padding-right: 30px;
}
.page-container .main-content .page-title .title-env,
.page-container .main-content .page-title .breadcrumb-env {
    display: block;
}
.page-container .main-content .page-title .title-env {
    float: left;
    padding-left: 30px;
}
.page-container .main-content .page-title .title-env .title {
    margin: 0;
    font-size: 27px;
}
.page-container .main-content .page-title .title-env .title + p {
    margin: 0;
    margin-top: 5px;
    color: #979898;
}
.page-container .main-content .page-title .breadcrumb-env {
    float: right;
    padding-right: 30px;
}
/*侧边栏*/
.sidebar-menu {
    display: table-cell;
    position: relative;
    width: 250px;
    background: #2c2e2f;
    z-index: 1;
    overflow: auto;
}
.sidebar-menu .logo-env {
    padding: 30px 45px;
    border-bottom: 1px solid #313437;
}
.sidebar-menu .logo-env .logo {
    float: left;
}
.sidebar-menu .logo-env .logo .logo-collapsed {
    display: none;
}
.sidebar-menu .logo-env .settings-icon {
    float: right;
    position: relative;
    top: 1px;
}
.sidebar-menu .logo-env .settings-icon a {
    color: #979898;
    line-height: 1;
}
.sidebar-menu .logo-env .settings-icon a i {
    line-height: 1;
    font-size: 18px;
}
.sidebar-menu .logo-env .settings-icon a:hover {
    color: #ffffff;
}
.sidebar-menu .main-menu {
    padding-left: 40px;
    padding-right: 40px;
    margin-top: 20px;
    margin-bottom: 20px;
    list-style: none;
}
@media screen and (max-width: 768px) {
    .sidebar-menu .main-menu {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}
.sidebar-menu .main-menu a {
    color: #979898;
    text-decoration: none;
    display: block;
    padding: 13px 5px;
    border-bottom: 1px solid #313437;
}
.sidebar-menu .main-menu a > i {
    display: inline-block;
    margin-right: 10px;
}
.sidebar-menu .main-menu a > i + span {
    padding-right: 10px;
}
.sidebar-menu .main-menu a > span {
    display: inline-block;
}
.sidebar-menu .main-menu a > .label {
    margin-top: 1px;
}
.sidebar-menu .main-menu a > .badge {
    font-size: 75%;
    line-height: 1.2;
}
.sidebar-menu .main-menu a:hover {
    color: #ffffff;
}
.sidebar-menu .main-menu li.active > a {
    color: #ffffff;
}
.sidebar-menu .main-menu li.has-sub > a:before {
    position: relative;
    display: inline-block;
    font-family: 'FontAwesome';
    content: '\f107';
    float: right;
    color: #6d747a;
    margin-left: 10px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}
.sidebar-menu .main-menu li.has-sub.opened > a:before,
.sidebar-menu .main-menu li.has-sub.expanded > a:before {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
.sidebar-menu .main-menu > li.opened > ul {
    display: block;
}
.sidebar-menu .main-menu > li.opened .opened > ul {
    display: block;
}
.sidebar-menu .main-menu ul {
    display: none;
    margin: 0;
    padding: 0;
    overflow: auto;
    list-style: none;
}
.sidebar-menu .main-menu ul li {
    position: relative;
}
@media screen and (min-width: 768px) {
    .sidebar-menu .main-menu ul li.is-hidden {
        left: -20px;
        zoom: 1;
        filter: alpha(opacity=0);
        -webkit-opacity: 0;
        -moz-opacity: 0;
        opacity: 0;
    }
}
.sidebar-menu .main-menu ul li.is-shown {
    left: 0;
    zoom: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.sidebar-menu .main-menu ul li.is-shown + .is-shown {
    -webkit-transition-delay: 80ms;
    -moz-transition-delay: 80ms;
    -o-transition-delay: 80ms;
    transition-delay: 80ms;
}
.sidebar-menu .main-menu ul li.is-shown + .is-shown + .is-shown {
    -webkit-transition-delay: 120ms;
    -moz-transition-delay: 120ms;
    -o-transition-delay: 120ms;
    transition-delay: 120ms;
}
.sidebar-menu .main-menu ul li.is-shown + .is-shown + .is-shown + .is-shown {
    -webkit-transition-delay: 160ms;
    -moz-transition-delay: 160ms;
    -o-transition-delay: 160ms;
    transition-delay: 160ms;
}
.sidebar-menu .main-menu ul li.is-shown + .is-shown + .is-shown + .is-shown + .is-shown {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}
.sidebar-menu .main-menu ul li.is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown {
    -webkit-transition-delay: 240ms;
    -moz-transition-delay: 240ms;
    -o-transition-delay: 240ms;
    transition-delay: 240ms;
}
.sidebar-menu .main-menu ul li.is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown {
    -webkit-transition-delay: 280ms;
    -moz-transition-delay: 280ms;
    -o-transition-delay: 280ms;
    transition-delay: 280ms;
}
.sidebar-menu .main-menu ul li.is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown {
    -webkit-transition-delay: 320ms;
    -moz-transition-delay: 320ms;
    -o-transition-delay: 320ms;
    transition-delay: 320ms;
}
.sidebar-menu .main-menu ul li.is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown {
    -webkit-transition-delay: 360ms;
    -moz-transition-delay: 360ms;
    -o-transition-delay: 360ms;
    transition-delay: 360ms;
}
.sidebar-menu .main-menu ul li.is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown {
    -webkit-transition-delay: 400ms;
    -moz-transition-delay: 400ms;
    -o-transition-delay: 400ms;
    transition-delay: 400ms;
}
.sidebar-menu .main-menu ul li.is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown + .is-shown {
    -webkit-transition-delay: 440ms;
    -moz-transition-delay: 440ms;
    -o-transition-delay: 440ms;
    transition-delay: 440ms;
}
.sidebar-menu .main-menu ul li.hidden-item {
    visibility: hidden;
    zoom: 1;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}
.sidebar-menu .main-menu ul li a {
    padding-left: 35px;
}
.sidebar-menu .main-menu ul li ul li a {
    padding-left: 60px;
}
.sidebar-menu .main-menu ul li ul li ul li a {
    padding-left: 85px;
}
.sidebar-menu .main-menu ul li ul li ul li ul li a {
    padding-left: 110px;
}
.sidebar-menu .ps-scrollbar-x-rail .ps-scrollbar-x,
.sidebar-menu .ps-scrollbar-y-rail .ps-scrollbar-y {
    background-color: rgba(255, 255, 255, 0.6);
}
.sidebar-menu.fixed {
    height: 100%;
}
.sidebar-menu.fixed .sidebar-menu-inner {
    left: 0;
    top: 0;
    bottom: 0;
    width: inherit;
    overflow: auto;
}
.page-body.right-sidebar .sidebar-menu.fixed .sidebar-menu-inner {
    left: auto;
    right: 0;
}

/*侧边栏缩减的样式*/
@media screen and (min-width: 768px) {
    .sidebar-menu.collapsed {
        width: 80px;
        z-index: 10;
        overflow: auto;
    }
    .sidebar-menu.collapsed .hidden-collapsed {
        display: none !important;
    }
    .sidebar-menu.collapsed + .main-content .user-info-navbar .user-info-menu a[data-toggle="sidebar"] {
        color: #606161;
    }
    .sidebar-menu.collapsed + .main-content .main-footer {
        left: 50px;
    }
    .sidebar-menu.collapsed .sidebar-menu-inner {
        overflow: visible;
        position: relative;
    }
    .sidebar-menu.collapsed .logo-env {
        padding: 18px 0;
    }
    .sidebar-menu.collapsed .logo-env .logo-collapsed {
        display: block;
        text-align: center;
    }
    .sidebar-menu.collapsed .logo-env .logo-collapsed img {
        display: inline-block;
    }
    .sidebar-menu.collapsed .logo-env .logo-expanded,
    .sidebar-menu.collapsed .logo-env .settings-icon {
        display: none;
    }
    .sidebar-menu.collapsed .logo-env .logo {
        float: none;
    }
    .sidebar-menu.collapsed .main-menu {
        padding-left: 0;
        padding-right: 0;
    }
    .sidebar-menu.collapsed .main-menu > li {
        text-align: center;
        position: relative;
    }
    .sidebar-menu.collapsed .main-menu > li.active,
    .sidebar-menu.collapsed .main-menu > li li.active {
        background-color: #252627;
    }
    .sidebar-menu.collapsed .main-menu > li > a > i {
        margin-right: 0;
        font-size: 16px;
    }
    .sidebar-menu.collapsed .main-menu > li > a > span {
        display: none;
    }
    .sidebar-menu.collapsed .main-menu > li > a > span.label {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
    }
    .sidebar-menu.collapsed .main-menu > li.has-sub > a:before {
        display: none;
    }
    .sidebar-menu.collapsed .main-menu > li.opened > ul {
        display: none;
    }
    .sidebar-menu.collapsed .main-menu > li > ul {
        position: absolute;
        background: #2c2e2f;
        width: 250px;
        top: 0;
        left: 100%;
        text-align: left;
    }
    .page-body.right-sidebar .sidebar-menu.collapsed .main-menu > li > ul {
        left: auto;
        right: 100%;
    }
    .sidebar-menu.collapsed .main-menu > li > ul > li > a {
        padding-left: 20px;
    }
    .sidebar-menu.collapsed .main-menu > li > ul > li > ul > li > a {
        padding-left: 35px;
    }
    .sidebar-menu.collapsed .main-menu > li > ul > li > ul > li > ul > li > a {
        padding-left: 50px;
    }
    .sidebar-menu.collapsed .main-menu > li > ul > li > ul > li > ul > li > ul > li > a {
        padding-left: 65px;
    }
    .sidebar-menu.collapsed .main-menu > li > ul > li > ul > li > ul > li > ul > li > ul > li > a {
        padding-left: 80px;
    }
    .sidebar-menu.collapsed .main-menu > li > ul li.has-sub > a:before {
        margin-right: 10px;
    }
    .sidebar-menu.collapsed .main-menu > li:hover > ul {
        display: block;
    }
}

/*标题栏*/
.headTitle{
    width: 100%;
    height:100px;
    background-color:#2c2e2f;
}

/*主界面*/
.mainpage{
    position:absolute;
    display: table;
    width: calc(100% - 252px);
    height: 100%;
}

/* 标题栏 */
.mainpageSpan {
    position: absolute;
    top: 30px;
    left: 40px;
    font-size: 34px;
    min-width: 200px;
    color: white;
    letter-spacing: 2px;
    font-family: "Microsoft YaHei UI", serif;
}

/*父容器*/
.IFamePage{
    position: absolute;
    top: 91px;
    left: 15px;
    width:calc(100% - 30px);
    height: calc(100% - 136px);
    border:0px;
}

/*底栏版权声明*/
.copyright{
    position: absolute;
    top: calc(100% - 30px);
    width:100%;
    height:20px;
    border-top:0.5px solid grey ;
}

.copyright span{
    top:8px;
    float: right;
}

.page-body.right-sidebar .page-container {
    direction: rtl;
}
.page-body.right-sidebar .page-container > * {
    direction: ltr;
}
.navbar.horizontal-menu {
    position: relative;
    height: 85px;
    background: #ffffff;
    margin: 0;
    padding: 0;
    z-index: 101;
    min-height: 0px;
    -webkit-box-shadow: 0 0px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0px 1px rgba(0, 0, 0, 0.15);
}
.navbar.horizontal-menu.navbar-fixed-top {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
}
.navbar.horizontal-menu.navbar-fixed-top + .page-container {
    margin-top: 85px;
}
.navbar.horizontal-menu.navbar-fixed-top + .page-container > .sidebar-menu.fixed .sidebar-menu-inner {
    top: 85px;
}
.navbar.horizontal-menu + .page-container > .sidebar-menu.fixed .sidebar-menu-inner {
    top: 85px;
}
.navbar.horizontal-menu .navbar-inner .navbar-brand {
    padding: 0 30px;
    margin: 0;
    float: left;
    height: 85px;
    display: table;
}
.navbar.horizontal-menu .navbar-inner .navbar-brand:hover a[data-toggle="settings-pane"] {
    zoom: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}

.navbar.horizontal-menu .navbar-inner .navbar-brand a {
    display: table-cell;
    vertical-align: middle;
}
.navbar.horizontal-menu .navbar-inner .navbar-brand a.logo img {
    margin: 0;
}
.navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle="settings-pane"] {
    padding-left: 10px;
    zoom: 1;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
}
.navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle="settings-pane"] i {
    display: block;
    line-height: 1;
    font-size: 12px;
    color: #979898;
    margin-top: 1px;
}
.navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle="settings-pane"]:hover i {
    color: #2c2e2f;
}
/*顶边导航栏*/
.user-info-navbar {
    background-color: #ffffff;
    min-height: 0;
    border: 0;
    padding: 0;
    /*margin: -30px;*/
    /*margin-bottom: 30px;*/
}
.user-info-navbar .user-info-menu {
    margin: 0;
}
.user-info-navbar .user-info-menu.left-links {
    float: left;
}
.user-info-navbar .user-info-menu.right-links {
    float: right;
}
.user-info-navbar .user-info-menu li {
    line-height: 1;
}
.user-info-navbar .user-info-menu li a {
    line-height: 1;
}
.user-info-navbar .user-info-menu li a img {
    line-height: 1;
}
.user-info-navbar .user-info-menu > li {
    position: relative;
    margin: 0;
    padding: 0;
    border: 1px solid #ffffff;
    border-top: 0;
    border-bottom: 0;
    display: block;
    float: left;
}
.user-info-navbar .user-info-menu > li.hover-line:before {
    content: '';
    position: absolute;
    display: block;
    height: 2px;
    top: 0px;
    left: 0;
    right: 0;
    background: #68b828;
    display: none;
}
.user-info-navbar .user-info-menu > li.hover-line:hover:before,
.user-info-navbar .user-info-menu > li.hover-line.open:before {
    display: block;
}
.user-info-navbar .user-info-menu > li > a {
    position: relative;
    display: block;
    padding: 30px 20px;
    color: #979898;
    border-bottom: 1px solid #ffffff;
    top: 1px;
    z-index: 5;
}
.user-info-navbar .user-info-menu > li > a i {
    font-size: 15px;
    line-height: 1;
}
.user-info-navbar .user-info-menu > li > a:hover {
    color: #606161;
}
.user-info-navbar .user-info-menu > li > a .badge {
    font-size: 9px;
    position: absolute;
    top: 20px;
    right: 10px;
    padding: 4px;
    min-width: 18px;
    line-height: 1;
}
.user-info-navbar .user-info-menu > li > form {
    position: relative;
    display: block;
    padding: 30px 20px;
    padding-bottom: 26px;
    margin: 0;
    border-bottom: 1px solid #ffffff;
}
.user-info-navbar .user-info-menu > li a[data-toggle="sidebar"] {
    padding-left: 25px;
}
.user-info-navbar .user-info-menu > li.search-form .btn,
.navbar.horizontal-menu .navbar-inner > .nav > li.search-form .btn {
    position: relative;
    padding: 0;
    margin: 0;
    height: auto;
    color: #979898;
    z-index: 2;
}
.user-info-navbar .user-info-menu > li.search-form .btn:hover,
.navbar.horizontal-menu .navbar-inner > .nav > li.search-form .btn:hover {
    color: #606161;
}
.user-info-navbar .user-info-menu > li.search-form .btn:active,
.user-info-navbar .user-info-menu > li.search-form .btn:focus,
.navbar.horizontal-menu .navbar-inner > .nav > li.search-form .btn:active,
.navbar.horizontal-menu .navbar-inner > .nav > li.search-form .btn:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.user-info-navbar .user-info-menu > li.search-form .search-field,
.navbar.horizontal-menu .navbar-inner > .nav > li.search-form .search-field {
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -15.5px;
    line-height: 1;
    height: 31px;
    border: 1px solid #dddddd;
    border: 0;
    padding: 0 10px;
    width: 170px;
    padding-right: 30px;
    font-size: 12px;
    z-index: 1;
    visibility: hidden;
    background: #f3f3f3;
    zoom: 1;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
}
.user-info-navbar .user-info-menu > li.search-form .search-field::-moz-placeholder,
.navbar.horizontal-menu .navbar-inner > .nav > li.search-form .search-field::-moz-placeholder {
    color: #979898;
    opacity: 1;
}
.user-info-navbar .user-info-menu > li.search-form .search-field:-ms-input-placeholder,
.navbar.horizontal-menu .navbar-inner > .nav > li.search-form .search-field:-ms-input-placeholder {
    color: #979898;
}
.user-info-navbar .user-info-menu > li.search-form .search-field::-webkit-input-placeholder,
.navbar.horizontal-menu .navbar-inner > .nav > li.search-form .search-field::-webkit-input-placeholder {
    color: #979898;
}
.user-info-navbar .user-info-menu > li.search-form .search-field::-webkit-input-placeholder,
.navbar.horizontal-menu .navbar-inner > .nav > li.search-form .search-field::-webkit-input-placeholder {
    color: #979898;
}
.user-info-navbar .user-info-menu > li.search-form .search-field:-moz-placeholder,
.navbar.horizontal-menu .navbar-inner > .nav > li.search-form .search-field:-moz-placeholder {
    color: #979898;
}
.user-info-navbar .user-info-menu > li.search-form .search-field::-moz-placeholder,
.navbar.horizontal-menu .navbar-inner > .nav > li.search-form .search-field::-moz-placeholder {
    color: #979898;
}
.user-info-navbar .user-info-menu > li.search-form .search-field:-ms-input-placeholder,
.navbar.horizontal-menu .navbar-inner > .nav > li.search-form .search-field:-ms-input-placeholder {
    color: #979898;
}
.user-info-navbar .user-info-menu > li.search-form .search-field:focus + .btn,
.navbar.horizontal-menu .navbar-inner > .nav > li.search-form .search-field:focus + .btn {
    color: #606161;
}
.user-info-navbar .user-info-menu > li.search-form.focused .search-field,
.navbar.horizontal-menu .navbar-inner > .nav > li.search-form.focused .search-field {
    visibility: visible;
    zoom: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
}
.user-info-navbar .user-info-menu > li.search-form.always-visible .search-field,
.navbar.horizontal-menu .navbar-inner > .nav > li.search-form.always-visible .search-field {
    visibility: visible;
    zoom: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}
.user-info-navbar .user-info-menu > li.user-profile > a,
.navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a {
    text-decoration: none;
}
.user-info-navbar .user-info-menu > li.user-profile > a > img,
.navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a > img {
    position: relative;
}
.user-info-navbar .user-info-menu > li.user-profile > a > img + span,
.navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a > img + span {
    margin-left: 5px;
}
.user-info-navbar .user-info-menu > li.user-profile > a span,
.navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a span {
    display: inline-block;
}
.user-info-navbar .user-info-menu > li.user-profile .userpic-32,
.navbar.horizontal-menu .navbar-inner > .nav > li.user-profile .userpic-32 {
    margin-top: -17px;
    top: 8px;
}
.user-info-navbar .user-info-menu > li.open {
    border-left-color: #dddddd;
    border-right-color: #dddddd;
    z-index: 15;
}
.user-info-navbar .user-info-menu > li.open > a {
    color: #606161;
}
.user-info-navbar .user-info-menu > li .dropdown-menu,
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu {
    margin: 0;
    padding: 0;
    margin-top: 0px;
    margin-left: -1px;
    z-index: 3;
    -webkit-box-shadow: 0 2px 8px rgba(0,1,1,.05);
    -moz-box-shadow: 0 2px 8px rgba(0,1,1,.05);
    box-shadow: 0 2px 8px rgba(0,1,1,.05);
}
.user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list,
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu .dropdown-menu-list {
    position: relative;
    max-height: 300px;
    overflow: auto;
}
.user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list.ps-scrollbar,
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu .dropdown-menu-list.ps-scrollbar {
    overflow: hidden;
}
.user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li,
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu .dropdown-menu-list li {
    position: relative;
}
.user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a,
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu .dropdown-menu-list li a {
    position: relative;
    display: block;
    padding: 20px 30px;
    color: #979898;
}
.user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a .line,
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu .dropdown-menu-list li a .line {
    display: block;
}
.user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a .line.desc,
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu .dropdown-menu-list li a .line.desc {
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 10px;
}
.user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a .line .light,
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu .dropdown-menu-list li a .line .light {
    zoom: 1;
    filter: alpha(opacity=60);
    -webkit-opacity: 0.6;
    -moz-opacity: 0.6;
    opacity: 0.6;
}
.user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a .line.small,
.user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a .line .small,
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu .dropdown-menu-list li a .line.small,
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu .dropdown-menu-list li a .line .small {
    font-size: 12px;
}
.user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a .line.time,
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu .dropdown-menu-list li a .line.time {
    font-size: 11px;
    margin-top: 5px;
}
.user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a:after,
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu .dropdown-menu-list li a:after {
    content: '';
    display: block;
    position: absolute;
    height: 1px;
    background: #ededed;
    bottom: 0;
    left: 30px;
    right: 30px;
}
.user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a:hover,
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu .dropdown-menu-list li a:hover {
    color: #606161;
}
.user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li.active a,
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu .dropdown-menu-list li.active a {
    color: #606161;
}
.user-info-navbar .user-info-menu > li .dropdown-menu > .top,
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu > .top {
    padding: 20px 30px;
    padding-bottom: 0;
}
.user-info-navbar .user-info-menu > li .dropdown-menu > .top a,
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu > .top a {
    color: #979898;
}
.user-info-navbar .user-info-menu > li .dropdown-menu > .top a:hover,
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu > .top a:hover {
    color: #606161;
}
.user-info-navbar .user-info-menu > li .dropdown-menu > .top p,
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu > .top p {
    margin: 0;
    color: #979898;
    padding-bottom: 15px;
    border-bottom: 1px solid #ededed;
}
.user-info-navbar .user-info-menu > li .dropdown-menu > .external,
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu > .external {
    position: relative;
}
.user-info-navbar .user-info-menu > li .dropdown-menu > .external:after,
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu > .external:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: -1px;
    height: 1px;
    background-color: #ededed;
}
.user-info-navbar .user-info-menu > li .dropdown-menu > .external a,
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu > .external a {
    display: block;
    padding: 20px 30px;
    color: #979898;
    background-color: #f5f5f5;
}
.user-info-navbar .user-info-menu > li .dropdown-menu > .external a span,
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu > .external a span {
    float: left;
}
.user-info-navbar .user-info-menu > li .dropdown-menu > .external a i,
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu > .external a i {
    float: right;
}
.user-info-navbar .user-info-menu > li .dropdown-menu > .external a:hover,
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu > .external a:hover {
    color: #6a6b6c;
}
.user-info-navbar .user-info-menu > li .dropdown-menu.messages,
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.messages {
    width: 370px;
}
.user-info-navbar .user-info-menu > li .dropdown-menu.messages .dropdown-menu-list li:after,
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.messages .dropdown-menu-list li:after {
    content: '';
    display: block;
    position: absolute;
    background-color: #cccccc;
    top: 50%;
    margin-top: -2.5px;
    right: 30px;
    width: 5px;
    height: 5px;
    -webkit-border-radius: 50%;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 50%;
    -moz-background-clip: padding;
    border-radius: 50%;
    background-clip: padding-box;
}
.user-info-navbar .user-info-menu > li .dropdown-menu.messages .dropdown-menu-list li.active:after,
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.messages .dropdown-menu-list li.active:after {
    background-color: #8dc63f;
}
.user-info-navbar .user-info-menu > li .dropdown-menu.notifications,
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.notifications {
    width: 370px;
}
.user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list,
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.notifications .dropdown-menu-list {
    max-height: 276px;
}
.user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list > li > a > i,
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.notifications .dropdown-menu-list > li > a > i {
    float: left;
    background: #dddddd;
    color: #FFF;
    padding: 5px;
    line-height: 17px;
    width: 27px;
    text-align: center;
    -webkit-border-radius: 50%;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 50%;
    -moz-background-clip: padding;
    border-radius: 50%;
    background-clip: padding-box;
}
.user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list > li > a .line,
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.notifications .dropdown-menu-list > li > a .line {
    padding-left: 45px;
}
.user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list > li.notification-primary > a > i,
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.notifications .dropdown-menu-list > li.notification-primary > a > i {
    background-color: #2c2e2f;
}
.user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list > li.notification-success > a > i,
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.notifications .dropdown-menu-list > li.notification-success > a > i {
    background-color: #8dc63f;
}
.user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list > li.notification-danger > a > i,
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.notifications .dropdown-menu-list > li.notification-danger > a > i {
    background-color: #cc3f44;
}
.user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list > li.notification-warning > a > i,
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.notifications .dropdown-menu-list > li.notification-warning > a > i {
    background-color: #ffba00;
}
.user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list > li.notification-info > a > i,
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.notifications .dropdown-menu-list > li.notification-info > a > i {
    background-color: #40bbea;
}
.user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list > li.notification-secondary > a > i,
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.notifications .dropdown-menu-list > li.notification-secondary > a > i {
    background-color: #FFF;
    color: #444;
    -webkit-box-shadow: 0 0 0 1px #eeeeee;
    -moz-box-shadow: 0 0 0 1px #eeeeee;
    box-shadow: 0 0 0 1px #eeeeee;
}
.user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu,
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.user-profile-menu {
    right: -1px;
    left: auto;
    width: 250px;
}
.user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li,
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.user-profile-menu li {
    position: relative;
    display: block;
    padding: 0;
    margin: 0;
    padding: 15px 20px;
    padding-bottom: 0;
}
.user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a,
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.user-profile-menu li a {
    display: block;
    color: #979898;
    padding: 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #f0f0f0;
}
.user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a:hover,
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.user-profile-menu li a:hover {
    background: none;
}
.user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a:hover,
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.user-profile-menu li a:hover {
    color: #606161;
}
.user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last,
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.user-profile-menu li.last {
    background: #fafafa;
}
.user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last:after,
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.user-profile-menu li.last:after {
    content: '';
    display: block;
    position: absolute;
    height: 1px;
    background: #f0f0f0;
    top: -1px;
    left: 0;
    right: 0;
}
.user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last > a,
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.user-profile-menu li.last > a {
    border-bottom: 0;
}
/*首页导航栏小图标*/
*[class*="fa-"] {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/*下拉框*/
.ps-container .ps-scrollbar-y-rail {
    position: absolute;
    /* please don't change 'position' */
    right: 2px;
    /* there must be 'right' for ps-scrollbar-y-rail */
    width: 5px;
    zoom: 1;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
}
.ps-container:hover .ps-scrollbar-y-rail,
.ps-container.hover .ps-scrollbar-y-rail {
    zoom: 1;
    filter: alpha(opacity=60);
    -webkit-opacity: 0.6;
    -moz-opacity: 0.6;
    opacity: 0.6;
}
.ps-container .ps-scrollbar-y {
    position: absolute;
    right: 0;
    width: 5px;
    background-color: #aaa;
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    transition: background-color .2s linear;
}
/*下拉通知栏目*/
.dropdown-menu > li.checkbox-row {
    padding: 5px 20px;
}
.dropdown-menu li.checkbox-row {
    display: block;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #333333;
    white-space: nowrap;
}
.dropdown-menu li.checkbox-row label {
    font-weight: normal;
}
.dropdown-menu li.checkbox-row:hover,
.dropdown-menu li.checkbox-row input:hover,
.dropdown-menu li.checkbox-row label:hover {
    cursor: pointer;
}
.no-touch .dropdown-menu > .checkbox-row:hover,
.no-touch .dropdown-menu > .checkbox-row:active {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
}
/*上方的消息提示条*/
.badge {
    position: relative;
    font-size: 9px;
    line-height: 12px;
}
.badge.pull-right {
    margin-top: 4px;
    margin-left: 5px;
}
.badge.pull-left {
    margin-top: 4px;
    margin-right: 5px;
}
.badge.badge-default {
    background-color: #777777;
}
.badge.badge-red,
.badge.badge-danger {
    background-color: #cc3f44;
}
.badge.badge-blue,
.badge.badge-info {
    background-color: #40bbea;
}
.badge.badge-yellow,
.badge.badge-warning {
    background-color: #ffba00;
}
.badge.badge-green,
.badge.badge-success {
    background-color: #8dc63f;
}
.badge.badge-primary {
    background-color: #2c2e2f;
}
.badge.badge-secondary {
    background-color: #68b828;
}
.badge.badge-purple {
    background-color: #7c38bc;
}
.badge.badge-pink {
    background-color: #ff6264;
}
.badge.badge-yellow {
    background-color: #fcd036;
}
.badge.badge-orange {
    background-color: #f7aa47;
}
.badge.badge-turquoise {
    background-color: #00b19d;
}
.badge.badge-red {
    background-color: #d5080f;
}
.badge.badge-blue {
    background-color: #0e62c7;
}
.badge.badge-black {
    background-color: #222222;
}
.badge.badge-white {
    background-color: #fff;
    color: #333;
    -webkit-box-shadow: 0px 0px 0px 1px #dddddd;
    -moz-box-shadow: 0px 0px 0px 1px #dddddd;
    box-shadow: 0px 0px 0px 1px #dddddd;
}
.transall,
.sidebar-menu .main-menu a,
.navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle="settings-pane"],
.navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle="settings-pane"] i,
footer.main-footer .go-up a,
.user-info-navbar .user-info-menu > li > a,
.breadcrumb.auto-hidden li a,
.icon-collection .fontawesome-icon-list .fa-hover > i,
.icon-collection .fontawesome-icon-list .fa-hover > span {
    -webkit-transition: all 220ms ease-in-out;
    -moz-transition: all 220ms ease-in-out;
    -o-transition: all 220ms ease-in-out;
    transition: all 220ms ease-in-out;
}
.clearfix:before,
.clearfix:after,
.page-container .main-content .page-title:before,
.page-container .main-content .page-title:after,
.sidebar-menu .logo-env:before,
.sidebar-menu .logo-env:after,
.navbar.horizontal-menu .navbar-inner:before,
.navbar.horizontal-menu .navbar-inner:after,
.user-info-navbar .user-info-menu > li .dropdown-menu > .external a:before,
.user-info-navbar .user-info-menu > li .dropdown-menu > .external a:after,
#chat .chat-conversation .conversation-body > li:before,
#chat .chat-conversation .conversation-body > li:after,
.panel .panel-heading:before,
.panel .panel-heading:after,
.breadcrumb.auto-hidden:before,
.breadcrumb.auto-hidden:after,
.dataTables_wrapper .dataTables_length:before,
.dataTables_wrapper .dataTables_length:after,
.dataTables_wrapper .dataTables_filter:before,
.dataTables_wrapper .dataTables_filter:after,
.dataTables_wrapper .DTTT_container:before,
.dataTables_wrapper .DTTT_container:after,
.skin-color-palette:before,
.skin-color-palette:after,
.icon-collection .fontawesome-icon-list:before,
.icon-collection .fontawesome-icon-list:after,
.icon-collection .fontawesome-icon-list .fa-hover:before,
.icon-collection .fontawesome-icon-list .fa-hover:after,
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu > .external a:before,
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu > .external a:after {
    content: " ";
    display: table;
}
.clearfix:after,
.page-container .main-content .page-title:after,
.sidebar-menu .logo-env:after,
.navbar.horizontal-menu .navbar-inner:after,
.user-info-navbar .user-info-menu > li .dropdown-menu > .external a:after,
#chat .chat-conversation .conversation-body > li:after,
.panel .panel-heading:after,
.breadcrumb.auto-hidden:after,
.dataTables_wrapper .dataTables_length:after,
.dataTables_wrapper .dataTables_filter:after,
.dataTables_wrapper .DTTT_container:after,
.skin-color-palette:after,
.icon-collection .fontawesome-icon-list:after,
.icon-collection .fontawesome-icon-list .fa-hover:after,
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu > .external a:after {
    clear: both;
}

